
<!DOCTYPE html
		PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html  xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport"
			content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1.0, user-scalable=no" />
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="format-detection" content="telephone=no" />
		<meta name="wap-font-scale" content="no" />
		<meta name="Keywords" content="客家话,客家话翻译,客家话转换,普通话翻译客家话">
		<meta name="Description" content="想将普通话翻译成客家话？试试这个由SYNDICT开发的小工具吧。无字数限制，而且还支持客语注音哦！">
		<title>线上客家注音工具 v1.31</title>
		<link rel="stylesheet" type="text/css" href="/css/public.css" />
		<link rel="stylesheet" type="text/css" href="/css/mandarin_to_hakka.css" />
		<script type="text/javascript" src="/js/jquery-1.11.1.min.js"></script>
		<script type="text/javascript" src="/js/iscroll.js"></script>
		<script type="text/javascript" src="/js/common.js"></script>
		<script>
			function checkout() {
				var item = $("#place").val();
				var content = $("#raw_content").val();
				var url = "checkout.php";
				//alert(item);
				//alert(content);
				$.post(url, {
					item: item,
					content: content
				}, function(result) {
					var json = result; //获得查词结果数据包
					obj = eval("(" + json + ")");
					//alert(obj[0]+obj[1]+obj[2]);
					$("#raw_text").text(obj[0]);
					$("#result1").html(obj[1]);
					$("#result2").html(obj[2]);
				});
			}

			$(document).ready(function() {

				$(".menu_box li:eq(4)").addClass("choose_menu");
				$(".mobile_menu_title").text("注音工具");

				$("#place").change(function() {
					//alert($(this).val());
					var checkText = $("#place").find("option:selected").text();
					$("#place_tab").text(checkText);
				});
			});
		</script>
	</head>
	<style>
		#footer{
			position: fixed;
			left: 0px;
			bottom: 0px;
			width: 100%;
			height: 60px;
			background-color: #eeee;
			z-index: 9999;
			/*background-image: url("static/image/footer/footer.png");*/
			/*background:url(image/footer/footer.png) no-repeat 50% 50%;*/
		}
	</style>
	<body>

		<div class="outBox">

			<!--页头 开始-->
			<div class="head">
				<div class="head_in mtIn">
					<div class="drop_menu_btn"></div>
					<div class="mobile_menu_title"></div>
					<div class="head_left">
						<div class="menu_box">
							<i class="close_menu_box"></i>
							<div class="menu_box_in" id="drop_menu">
								<ul>
									<li><a th:href="@{/index.html}">辞典</a></li>
									<li><a href="/hakka/tutorial.html">教材</a></li>
									<li><a href="/hakka/collect.html">词条收集</a></li>
									<li><a href="/hakka/mandarin_to_hakka.html">客普翻译</a></li>
									<li><a href="/hellodata">HalaDatab</a></li>
									<li><a href="/hakka/languageRegion.html" target="_blank">语言地区</a></li>
									<!--									<li><a href="/hakka/voice.html">语音搜索</a></li>-->
									<li><a href="/hakka/hot.html">网址导航</a></li>
									<li><a href="/hakka/museum.html">客家博物馆</a></li>
									<!--									<li><a href="/hakka/voice.html">语音搜索</a></li>-->
									<!-- <li><a href="./hakka/ime/typewriting.htm">输入法</a></li> -->
									<!--li><a href="/hakka/bbs/" target="_blank">讨论</a></li-->

								</ul>
							</div>
						</div>
					</div>
					<div class="head_right" th:if="${session.user==null}">
						<ul class="head_right_list">
							<li><a href="/login.html">登录</a></li>
							<li class="register_btn"><a href="/register.html">注册</a></li>
							<li><a href="/logout">注销</a></li>
						</ul>
					</div>
					<div class="head_right" th:if="${session.user!=null}">
						<ul class="head_right_list">
							<li th:text="${session.user.username}" style="color: red"></li>
							<li><a href="/logout">注销</a></li>
						</ul>
					</div>
				</div>
			</div>
			<!--页头 结束-->

			<div class="content">
				<div class="page_title">
					<img src="/image/common/logo_icon.png">
					<span>线上客语注音工具</span>
				</div>

				<div class="main_box">
					<div class="main_boxL">
						<div class="main_boxL_top">原文</div>
						<div class="tAr_box">
							<textarea id="raw_content">把普通话翻译成客家话的小工具。</textarea>
						</div>
					</div>
				</div>

				<!-- 结果呈现 -->
				<div class="main_boxR">
					<div class="main_boxR_top">
						<div class="sel_lan">
							<span id="place_tab">梅縣音</span>
							<select name="place" id="place">
								<option value="mx">梅縣音</option>
								<option value="hy">惠陽音</option>
								<option value="wh">五華音</option>
								<option value="yd">英德音</option>
								<option value="jl">蕉嶺音</option>
								<option value="xn">興寧音</option>
								<option value="hk">綜合音</option>
							</select>
							<i class="sel_sj"></i>
						</div>
						<button class="tran_btn" onclick="checkout();">注音</button>
					</div>

					<div class="result_box">
						<ul class="res_box">
							<li>
								<h2>原文</h2>
								<div class="original_text" id="raw_text">把普通话翻译成客家话的小工具。</div>
							</li>
							<li>
								<h2>注音后</h2>
								<div class="result_text" id="result1">
									<ruby>
										<rb>把</rb>
										<rt>ba<sup>31</sup></rt>
									</ruby><ruby>
										<rb>普</rb>
										<rt>pu<sup>31</sup></rt>
									</ruby><ruby>
										<rb>通</rb>
										<rt>tung<sup>44</sup></rt>
									</ruby><ruby>
										<rb>话</rb>
										<rt>fa<sup>52</sup></rt>
									</ruby><ruby>
										<rb>翻</rb>
										<rt>fan<sup>44</sup></rt>
									</ruby><ruby>
										<rb>译</rb>
										<rt>-id<sup>5</sup></rt>
									</ruby><ruby>
										<rb>成</rb>
										<rt>siin<sup>11</sup></rt>
									</ruby><ruby>
										<rb>客</rb>
										<rt>hag<sup>1</sup></rt>
									</ruby><ruby>
										<rb>家</rb>
										<rt>ga<sup>44</sup></rt>
									</ruby><ruby>
										<rb>话</rb>
										<rt>fa<sup>52</sup></rt>
									</ruby><ruby>
										<rb>的</rb>
										<rt>did<sup>1</sup></rt>
									</ruby><ruby>
										<rb>小</rb>
										<rt>siau<sup>31</sup></rt>
									</ruby><ruby>
										<rb>工</rb>
										<rt>gung<sup>44</sup></rt>
									</ruby><ruby>
										<rb>具</rb>
										<rt>ki<sup>52</sup></rt>
									</ruby>。
								</div>
							</li>
							<li>
								<h2>推荐用字</h2>
								<div class="result_text" id="result2">
									<ruby>
										<rb>將</rb>
										<rt>ziong<sup>44</sup></rt>
									</ruby><ruby>
										<rb>普</rb>
										<rt>pu<sup>31</sup></rt>
									</ruby><ruby>
										<rb>通</rb>
										<rt>tung<sup>44</sup></rt>
									</ruby><ruby>
										<rb>话</rb>
										<rt>fa<sup>52</sup></rt>
									</ruby><ruby>
										<rb>翻</rb>
										<rt>fan<sup>44</sup></rt>
									</ruby><ruby>
										<rb>译</rb>
										<rt>-id<sup>5</sup></rt>
									</ruby><ruby>
										<rb>成</rb>
										<rt>siin<sup>11</sup></rt>
									</ruby><ruby>
										<rb>客</rb>
										<rt>hag<sup>1</sup></rt>
									</ruby><ruby>
										<rb>家</rb>
										<rt>ga<sup>44</sup></rt>
									</ruby><ruby>
										<rb>话</rb>
										<rt>fa<sup>52</sup></rt>
									</ruby><ruby>
										<rb>个</rb>
										<rt>ge<sup>52</sup></rt>
									</ruby><ruby>
										<rb>小</rb>
										<rt>siau<sup>31</sup></rt>
									</ruby><ruby>
										<rb>工</rb>
										<rt>gung<sup>44</sup></rt>
									</ruby><ruby>
										<rb>具</rb>
										<rt>ki<sup>52</sup></rt>
									</ruby>。
								</div>
							</li>
						</ul>
						<div class="edit_result">
							<span>
								<i></i>
								<a href='../hanzi_to_pinyin/addpairs.php' target='_blank'>修正结果</a>
							</span>
						</div>
					</div>
				</div>

				<div class="clear"></div>


			</div>

		</div>

<!--		<div id="footer" style="text-align: center">-->
<!--			<img th:src="@{/image/footer/11.png}"/>-->
<!--		</div>-->
	</body>
</html>
